<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Image Animation</title>
 <style>
  body,
  html {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
  }

  .background-image {
   position: fixed;
   width: 100%;
   height: 100%;
   background-image: url('images/bg.jpg');
   /* Replace with your image path */
   background-size: cover;
   background-position: center;
  }

  .moving-image {
   position: fixed;
   width: 1920px;
   /* Set the width of image B */
   height: 750px;
   /* Set the height of image B */
   background-image: url('images/110.png');
   /* Replace with your image path */
   background-size: contain;
   background-repeat: no-repeat;
   right: -1920px;
   top: 0;
   /* Adjust this to position the moving image vertically */
   animation: moveImage 15s linear infinite;
  }

  @keyframes moveImage {
   from {
    right: -1920px;
   }

   to {
    right: 100%;
    /* This moves the image across the screen */
   }
  }
 </style>
</head>

<body>
 <div class="background-image"></div>
 <div class="moving-image"></div>
</body>

</html>